@import 'Common';

$contentPadding: 20px;

body {
  min-width: $minBodyWidth;
}

#root {
  background: $bodyBackground;

  #panel_left {
    width: $leftWidth;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid $borderColor;
    box-sizing: border-box;
    background: $colorBlack;
    color: $colorWhite;

    #site_nav {
      margin-top: 30px;
      overflow: hidden;

      ul.ant-menu {
        border-right-width: 0;
        background: $colorBlack;

        .ant-menu-item {
          padding: 0 !important;
          text-align: center;
          border-right-width: 3px;

          a {
            display: block;

            i {
              font-size: 18px;
              margin-right: 0;
            }
          }
        }

        .ant-menu-item:not(.ant-menu-item-selected) {
          border-right-color: $colorBlack;
        }
      }
    }
  }

  #panel_content_scroll_bar {
    left: $leftWidth;
    right: 0;
    bottom: 0;
    top: 0;
    min-width: $minBodyWidth - $leftWidth;
    background: $colorGray;

    > div:first-of-type > .panel-content {
      padding: $contentPadding;
      min-height: 100%;
    }
  }
}

.ant-spin-container {
  // 避免在高版本chrome浏览器中页面抖动
  transition: none !important;
}
